<template>

   <section class="service_connect">
  
        <a class="service_left">
          <router-link to="/complaint/complaints" @click.native="jump('complaints')">投诉</router-link>
         
        </a>
        <a class="service_right">
          <router-link to="/complaint/suggest" @click.native="jump('suggest')">建议</router-link>
          
        </a>
      
   </section>
  
</template>   
<script>
export default {
   beforeCreate: function() {
    this.$router.push("complaint/complaints");
  },
  data: function() {
    return {
      service_left: "i-line sale-show i-sale-wrapone",
      service_right: "sale-show i-sale-wrapone"
    };
  },
  methods: {
    jump(param) {
      if (param == "complaints") {
        this.service_left = "i-line sale-show i-sale-wrapone";
        this.service_right = "sale-show i-sale-wrapone";
      } else if (param == "suggest") {
        this.service_right = "i-line sale-show i-sale-wrapone";
        this.service_left = "sale-show i-sale-wrapone";
      }
    }
  }
};
</script><style lang="scss" scoped>
@import "src/style/mixin";

.rating_page {
  background-color: #fff;
  padding-top: 1.95rem;
  p,
  span {
    font-family: Helvetica Neue, Tahoma, Arial;
  }
}
.service_connect {
  @include fj;
  a {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border-bottom: 1px solid #f5f5f5;
    svg {
      @include wh(1rem, 1rem);
    }
    span {
      margin-top: 0.4rem;
      @include sc(0.6rem, #666);
    }
  }
  .service_left {
    border-right: 1px solid #f5f5f5;
  }
}
</style>
